<div class ="wr">
    <div class="top_menu">
        <div id="info_member">
            <br/>
            <h3> <?php echo $member["fullname"];?> </h3>
        </div>
        
    </div>
    <div id="bottom_menu">
        <div class ="left_column">
            <div id="vertmenu">
                <ul>

                    <li><a name="thanh_vien" href="<?php echo base_url(); ?>path/create" tabindex="2">Tạo Lộ Trình</a></li>
                    <br/>

                    <li><a name="bai_viet" href="<?php echo base_url(); ?>content/create" tabindex="3">Tạo Bài Viết</a></li>
                </ul>   

            </div>
        </div>
        <div class ="right_column">
            <table>
                <h1>BẢNG KẾ HOẠCH</h1> 
                <tbody>
                    <tr>
                        <th class="eventNGAY">
                <h4 class="large"> Ngày
                </h4>
                </th>
                <th class="eventTIME">
                <h4 class="large"> Thời gian
                </h4>
                </th>
                <th class="eventExpand">
                <h4 class="large"> Hoạt Động
                </h4>
                </th>
                </tr>

                <tr id="trMainMiracleMall" onclick="toggleFade('descriptionMiracleMall', this)">
                    <td class="eventNGAY">23/05/2012</td>
                    <td class="eventTIME">3.00 pm</td>
                    <td class="eventExpand"> 
                        <ul>
                            <li>Đọc : Java căn bản</li>
                            <li>Xem : Java căn bản</li>
                        </ul>
                    </td>
                </tr>
                <tr id="trMainMiracleMall" onclick="toggleFade('descriptionMiracleMall', this)">
                    <td class="eventNGAY"></td>
                    <td class="eventTIME">3.00 pm</td>
                    <td class="eventExpand"> 
                        <ul>
                            <li>Đọc : Java căn bản</li>
                            <li>Xem : Java căn bản</li>
                        </ul>
                    </td>
                </tr>
                </tbody>
            </table>
            <table>
                <tbody>
                    <tr>
                        <th class="eventNGAY">
                <h4 class="large">
                </h4>
                </th>
                <th class="eventTIME">
                <h4 class="large">
                </h4>
                </th>
                <th class="eventExpand">
                <h4 class="large">
                </h4>
                </th>
                </tr>

                <tr id="trMainMiracleMall" onclick="toggleFade('descriptionMiracleMall', this)">
                    <td class="eventNGAY">24/05/2012</td>
                    <td class="eventTIME">3.00 pm</td>
                    <td class="eventExpand"> 
                        <ul>
                            <li>Đọc : Xã hội Việt Nam</li>
                            <li>Xem : Con người Việt</li>
                        </ul>
                    </td>
                </tr>
                <tr id="trMainMiracleMall" onclick="toggleFade('descriptionMiracleMall', this)">
                    <td class="eventNGAY"></td>
                    <td class="eventTIME">7.00 pm</td>
                    <td class="eventExpand"> 
                        <ul>
                            <li>Đọc : Bản sắc văn hóa Việt</li>
                            <li>Xem : Đà Nẵng</li>
                        </ul>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

    </div>
</div>


<style>
    .top_menu{
        height: 100px;
    background:-moz-linear-gradient(center top , rgb(255, 255, 255), rgb(236, 236, 236)) repeat scroll 0% 0% transparent;
    border-bottom:2px solid rgb(204, 204, 204);
    margin-top:0pt;
    padding-top:  10px;
    padding-left: 20px;
    width: 98%;
    text-align: left;
    color: rgb(30, 30, 30);
        
    }
    .left_column{
        float: left;
        display: block;
        width: 20%;
        font: 12px 'Helvetica','Arial',sans-serif;
        border-color:  rgb(228,228,230);

    }
    .right_column{
        display: block;
        padding: 0px;
        margin-top: 7px;
        width: 67%;
        border-radius: 0pt 0pt 0pt 0pt;
        margin-left: auto;
        border-color:  rgb(228,228,230);
    }
    .right_column ul{

    }
    #vertmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-bottom: 10px;
        list-style: none outside none;
        font-size: 100%;
        vertical-align: baseline;
        background: none repeat scroll 0% 0% transparent;
        font-family: 'JustusRegular','courier',serif;
        line-height: 1;
        font: 12px 'Helvetica','Arial',sans-serif;
    }
    #vertmenu li a{
        font-size: 18px;

    }

    .eventNGAY{
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 3px;
        min-width: 100px;
    }
    .eventTIME{
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 3px;
        min-width: 30px;
    }
    .eventExpand{
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 3px;
        min-width: 100px;
    }
    h4.large{
        font-size: 14px;
    }
    h4{
        color: rgb(209,18,65);
        font-weight: bold;
    }
    cufon{
        display: inline-block;
        position: relative;
        vertical-align: middle;
        font-size: 1px;
        line-height: 1px;
        text-indent: 1px;
    }
    .right_column tbody {
        display: block;
        padding: 15px 25px;
        margin: 0pt 0pt 5pt;
        background-color: #f9f9f9;
        position: relative;
        border-radius: 10px 10px 10px 10px;
        font-size: 100%;
        vertical-align: baseline;
    }
    .right_column table{
        display: block;
        margin: auto
    }
</style>